  <div class="add">
            <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <foreach name='ad' item='val'>
                        <div class="swiper-slide"><img src="__ROOT__{$val['pic']|get_cover='path'}"></div>
                        </foreach>
                    </div>
                   
                   <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right slide-ico"></i></div>
                   <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left slide-ico"></i></div>
            </div>
        </div>
         <div class="col-md-8 col-s-l text-center">
             <form id='form1' action="{:U('Search/likesearch')}" method='post'>
                  <input name="title" type="search" class="form-control search-input" placeholder="搜索你想要的樓盤">
                     <button type="submit" class="search-btn"><i class="fa fa-search search-ico"></i></button>
                     <p>
               
<!--                     <foreach name="hots" item="val">
                         <a class='hots' href="javascript::">{$val['title']}</a>
                     </foreach>-->
                   
                     </p>
             </form>
                </div>
        <div class="search">
            <div class="container p-0 c-o-s">
               
                <div class="col-md-12 swiper-container swiper4 shop-li">
                    <div class="swiper-wrapper">
                    <foreach name='shop' item='val'>
                        <div class="slide-img swiper-slide">
                            <div class="col-md-6 col-sm-6 col-xs-6 shop-map h-400" data-toggle="modal" data-target="#myModal" data-map="{$val['mapsite']}" title="店鋪店址"> <img src="__ROOT__{$val['pic']|get_cover='path'}"></div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <div class="shop-title">{$val['title']}</div>
                                <div class="shop-p">{$val['content']}</div>
                            </div>
                         </div>    
                    </foreach>
                    </div>
                     <div class="swiper-pagination swiper-pagination4"></div>
                    <div class="swiper-button-next swiper-button-next4"><i class="fa fa-angle-right slide-ico"></i></div>
                   <div class="swiper-button-prev swiper-button-prev4"><i class="fa fa-angle-left slide-ico"></i></div>
                </div>
            </div> 
        </div>
        <div class="products">
            <div class="container">
                <div class="tab-content col-md-8 col-sm-8 col-xs-12">
                    <foreach name='hothouse' item='val'>
                        <if condition='$key eq 0'>
                        <div id="{$key}" class="tab-pane fade in active">
                        <div class="h-478 load-i"><img src="__ROOT__{$val['pic']|get_cover='path'}"></div>
                    </div>  
                         <else/>
                               <div id="{$key}" class="tab-pane fade">
                        <div class="h-478 load-i"><img src="__ROOT__{$val['pic']|get_cover='path'}"></div>
                    </div>
                        </if>   
                    </foreach>
                </div>
                <div class="h-478 col-md-4 col-sm-4 col-xs-12 load-h">
                        <ul>
                            <foreach name='hothouse' item='val'>
                                <if condition='$key eq 0'>
                                    <li class="active products-title-{$key} text-center col-md-12 col-xs-4"><a href="#{$key}" data-toggle="pill">{$val['title']}<p>{$val['description']}</p></a></li>
                            <else/>
                            <li class="products-title-{$key} text-center col-md-12 col-xs-4"><a href="#{$key}" data-toggle="pill">{$val['title']}<p>{$val['description']}</p></a></li>
         
                                </if>
                            </foreach>
                        </ul>
                    </div>
                
            </div>
                
        </div>
        <div class="new fleft gallery clearfix">
            <div class="container">
                <notempty name='new'>
                  <foreach name='new' item='val'>
                      <if condition='$key eq 0'>
                <div class="col-md-6 col-sm-6 p-0">
                    <div class="new-img"><a href="__ROOT__{$val['pic']|get_cover='path'}"  rel="prettyPhoto[gallery2]"><img src="__ROOT__{$val['pic']|get_cover='path'}"></a></div>
                    <div class="left-bg new-bg">
                          <a href="{:U('Market/detail','id='.$val['id'])}" class="font-color"> 
                            <div>{$val['title']}</div>
                            <p>{$val['description']}</p>
                        </a>
                    </div>
                </div>
                          <else/>
                                <div class="col-md-6 col-sm-6 p-0">
                    <div class="new-img"><a href="__ROOT__{$val['pic']|get_cover='path'}"  rel="prettyPhoto[gallery2]"><img src="__ROOT__{$val['pic']|get_cover='path'}"></a></div>
                    <div class="right-bg new-bg">
                          <a href="{:U('Market/detail','id='.$val['id'])}" class="font-color"> 
                            <div>{$val['title']}</div>
                            <p>{$val['description']}</p>
                        </a>
                    </div>
                </div> 
                      </if>
                </foreach>
                </notempty>
            </div>               
        </div>
        <div class="about">
           <div class="swiper-container swiper2">

                    <!-- Carousel items -->
                    <div class="swiper-wrapper">
                        <foreach name='pic' item='val'>
                        <div class="swiper-slide bg-img">
                            <img src="__PUBLIC__/Index/images/14699-7713094-1878399495-72d8a6519ca700c8408d6f9841ef12c4.jpg" style="margin-top: -10%;">
<!--                            <img src="__ROOT__{$val|get_cover='path'}">-->
                            <div class="bg-blue">
                                <div class="about-font text-center">{$data_pic.title}</div>
                                <p>
                                   {$data_pic.content}
                                </p>
                            </div>
                        </div>
                        </foreach>
                    </div>
<!--                    <div class="swiper-button-next swiper-button-next2 slide-btn"><i class="fa fa-angle-right slide-ico"></i></div>
                    <div class="swiper-button-prev swiper-button-prev2 slide-btn"><i class="fa fa-angle-left slide-ico"></i></div>-->
     </div>
            <div class="col-md-6 rental h-400">
                <h3 class="text-center">出租</h3>
                <foreach name='house' item='val'>
                    <if condition="$val['selltype'] eq 1"> 
                   <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="__ROOT__{$val['pic']|get_cover='path'}">
                    <a href="{:U('Search/detail','id='.$val['id'])}" class="hover-style">
                        <h5>{$val['title']}</h5>
                        <p class="h-9">{$val['description']}</p>
                    </a>
                 </div>
                </div>   
                  </if>
                </foreach>
           
    
            </div>
            <div class="col-md-6 sell h-400">
                <h3 class="text-center">出售</h3>
                         <foreach name='house' item='val'>
                    <if condition="$val['selltype'] eq 0"> 
                   <div class="col-md-4 col-xs-4 col-sm-4">
                  <div class="h-150">   
                    <img src="__ROOT__{$val['pic']|get_cover='path'}">
                    <a href="{:U('Search/detail','id='.$val['id'])}" class="hover-style">
                        <h5>{$val['title']}</h5>
                        <p class="h-9">{$val['description']}</p>
                    </a>
                 </div>
                </div>   
                    </if>
                </foreach>
           
            </div>
        </div>
<!--聯繫我們-->
	<include file="Public/message"/>
<!--/聯繫我們-->
        <div class="col-md-12 copyright text-center">{:C('WEB_COPYRIGHT')}</div>
        <a class="go-top" href="#top"><i class="fa fa-angle-up"></i></a>
        <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog map-modal">
    <div class="modal-content">
      
      <div class="modal-body m-b-0">
          <div class="gmap3"></div>
      </div>
      
    </div>
  </div>
</div>
        {:C('GOOGLEANALYTICS')}    
  <script src="__PUBLIC__/Index/js/jquery.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/dist/js/swiper.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!--         <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
        <script src="__PUBLIC__/Index/js/gmap3.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/sjc.js" type="text/javascript"></script>
       <script type="text/javascript">
$('.shop-map').click(function(){
    $('#myModal').show();
        var map = $(this).attr('data-map').split(',');
         var mapx=map[0];
         var mapy=map[1];
      
$(".gmap3").gmap3({
         
        map:{
        options:{
        center: [mapx,mapy],
                zoom: 15
        }
        }, marker: {
        latLng:[mapx,mapy]
        }
        });
    
  });
 $('.hots').click(function(){
     $('.search-input').attr('value',$(this).html());
     $('#form1').submit();
 }) 
    </script>